<template>
  <div>
    <div class="go-top dn" id="go-top">
      <a href="javascript:;" class="go" title="返回顶部"></a>
    </div>
    <div id="contInfoSider" class="xn-contactInfo-sider">
      <div class="leftBoxLine">
        <img
          class="lazy"
          src="assets/global/img/xn-tel.svg"
          data-src="assets/global/img/xn-tel.svg"
          @mouseover="openOffAccount(this,'officialTel')"
          @mouseout="closeOffComAccount('officialTel')"
        />
      </div>
      <!-- <div
        class="leftBoxLine"
        data-toggle="modal"
        data-target="#myModal"
        @click="openOffAccount(this,'')"
      >
        <img
          class="lazy"
          src="assets/global/img/xn-ziliao.svg"
          data-src="assets/global/img/xn-ziliao.svg"
          title="资料获取"
        />
      </div> -->
      <div class="leftBoxLine">
        <img
          class="lazy"
          src="assets/global/img/xn-qywx.svg"
          data-src="assets/global/img/xn-qywx.svg"
          @mouseover="openOffAccount(this,'officialComAccount')"
          @mouseout="closeOffComAccount('officialComAccount')"
        />
      </div>
      <div class="leftBoxLine" @click="topFunction();openOffAccount(this,'')">
        <img
          class="lazy"
          src="assets/global/img/xn-top.svg"
          data-src="assets/global/img/xn-top.svg"
          title="返回顶部"
        />
      </div>
    </div>
    <div id="officialAccount" class="officialAccount">
      <div class="xn-main3-arrowRight"></div>
      <div class="xn-officialAccount-header">
        <h3>在线咨询</h3>
      </div>
      <div class="xn-officialAccount-body">
        <img
          class="lazy"
          src="static/imgs/qrcode.png"
          data-src="static/imgs/qrcode.png"
          alt="微信二维码-电子管理软件"
        />
        <span style="display: block"
          >用微信扫描二维码，即可获取您的专属顾问</span
        >
      </div>
    </div>
    <div id="officialComAccount" class="officialAccount">
      <div class="xn-main3-arrow"></div>
      <div class="xn-officialAccount-header">
        <h3>在线咨询</h3>
      </div>
      <div class="xn-officialAccount-body">
        <img
          class="lazy"
          src="static/imgs/qrcode.png"
          data-src="static/imgs/qrcode.png"
          alt="微信二维码-电子管理软件"
        />
        <span style="display: block"
          >用微信扫描二维码，即可获取您的专属顾问</span
        >
      </div>
    </div>
    <div id="officialTel" class="officialAccount">
      <div class="xn-main3-arrow"></div>
      <div class="xn-officialAccount-header">
        <h3>咨询电话</h3>
      </div>
      <div class="xn-officialAccount-body">
        <div class="xn-officialAccount-tel">15896592799</div>
        <div class="xn-officialAccount-tel">15896592899</div>
      </div>
    </div>
    <div
      class="modal fade"
      id="myModal"
      data-backdrop="false"
      style="color: black"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="myModalLabel">资料获取</h4>
          </div>
          <div class="modal-body xn-main3-lxus">
            <label
              >声明：您所提供的任何信息都将保密，我们不会通过任何渠道泄露您的信息。</label
            >
            <div class="form-group">
              <span class="xn-main3-clabel">
                <span style="color: red">*</span>
                <label class="control-label">姓名:</label>
              </span>
              <input
                type="text"
                class="form-control"
                placeholder="请填写姓名"
                id="name"
              />
            </div>
            <div class="form-group">
              <span class="xn-main3-clabel">
                <span style="color: red">*</span>
                <label class="control-label">公司:</label>
              </span>
              <input
                type="text"
                class="form-control"
                placeholder="请填写公司名称"
                id="company"
              />
            </div>
            <div class="form-group">
              <span class="xn-main3-clabel">
                <span style="color: red">*</span>
                <label class="control-label">城市:</label>
              </span>
              <input
                type="text"
                class="form-control"
                placeholder="请填写所在城市"
                id="city"
              />
            </div>
            <div class="form-group">
              <span class="xn-main3-clabel">
                <span style="color: red">*</span>
                <label class="control-label">电话:</label>
              </span>
              <input
                type="text"
                class="form-control"
                id="phone"
                placeholder="请填写联系电话"
              />
            </div>
            <div class="form-group form-inline">
              <span class="xn-main3-clabel">
                <span style="color: red">*</span>
                <label class="control-label">手机验证:</label>
              </span>
              <input
                type="text"
                class="form-control xn-main3-yzm"
                placeholder="请填写手机验证码"
                id="verifyCode"
              />
              <span id="getCode" @click="sendCode();">发送验证码</span>
            </div>
            <div class="form-group">
              <span class="xn-main3-clabel">
                <span style="color: red">*</span>
                <label class="control-label">Email:</label>
              </span>
              <input
                type="text"
                class="form-control"
                id="email"
                placeholder="请填写Email"
              />
            </div>
            <div class="form-group">
              <label class="control-label xn-main3-clabel xn-main3-xqfx"
                >需求描述:</label
              >
              <textarea
                class="form-control"
                id="message"
                placeholder="请填写需求描述"
              ></textarea>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-green" @click="lxSubmit();">
              提交
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import baseCompent from "service/baseCompent";
export default {
  name: "fixRight",
  extends: baseCompent,
  methods: {
   
  },
};
</script>
<style lang="less"></style>
